/* 清除默认样式 */
view,
text,
scroll-view,
swiper,
swiper-item,
image,
navigator {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

/* 主题色 */
$primary-color: #8A2BE2;
$primary-light: #9370DB;
$primary-dark: #4B0082;

/* 文字颜色 */
$text-main: #333;
$text-regular: #666;
$text-secondary: #999;

/* 背景色 */
$bg-color: #f8f8f8;
$bg-white: #fff;

/* 边框颜色 */
$border-color: #eee;

/* 圆角 */
$radius-sm: 4rpx;
$radius-md: 8rpx;
$radius-lg: 16rpx;

/* 间距 */
$spacing-sm: 10rpx;
$spacing-md: 20rpx;
$spacing-lg: 30rpx;

/* 字体大小 */
$font-size-xs: 24rpx;
$font-size-sm: 28rpx;
$font-size-md: 32rpx;
$font-size-lg: 36rpx;
$font-size-xl: 40rpx;

/* flex布局 */
.flex {
  display: flex;
}

.flex-row {
  flex-direction: row;
}

.flex-column {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.align-start {
  align-items: flex-start;
}

.align-end {
  align-items: flex-end;
}

.align-center {
  align-items: center;
}

/* 常用样式 */
.text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.text-ellipsis-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
} 